<template>
  <z-container>
    <z-header height="28px">badge (标记)</z-header>
    <z-main>
      <z-row :gutter="12">
        <z-col :span="3">文字</z-col>
          <z-col :span="2">
            <z-badge is-dot type="primary" class="item"> 提醒 </z-badge>
          </z-col>
          <z-col :span="2">
            <z-badge type="warning" :value="3" class="item">提醒</z-badge>
          </z-col>
          <z-col :span="2">
            <z-badge type="danger" :value="12" class="item">提醒</z-badge>
          </z-col> 
          <z-col :span="2">
            <z-badge :value="120" type="info" :max="99" class="item">提醒</z-badge>
          </z-col> 
          <z-col :span="2">
            <z-badge :value="120" type="success" :max="99" class="item">提醒</z-badge>
          </z-col> 
      </z-row>
      <z-row :gutter="12">
        <z-col :span="3">按钮</z-col>
        <z-col :span="2">
            <z-badge class="item" is-dot><z-button>评论</z-button></z-badge>
          </z-col>
          <z-col :span="2">
            <z-badge class="item" :value="12"><z-button>评论</z-button></z-badge>
          </z-col>
      </z-row>
  </z-main>
  </z-container>
  
  
</template>
<script>
export default{
  name:'cBadge',
  data(){
    return {
    }
  },
  mounted() {
    
  },
  methods: {
  
  },
}
</script>